<template>
  <div class="camera">
    <div class="mapwrap">
      <div class="bdwrap" id="container"></div>
    </div>
  </div>
</template>

<script lang="ts">
/*eslint-disable */
import { defineComponent,reactive,ref,onMounted } from 'vue'
import { initMapJs } from '@/components/_util/util'

export default defineComponent({
  components: {
  },
  setup() {
    
    const initMap = () =>{
      console.log('初始化地图');
      
      $['initBMap']({
        getDrawingValue: function(obj) {
          // var obj = obj.points
          console.log(obj)
        }
      })
    }
    
    onMounted(()=>{
      initMapJs(initMap)
    })
    return{
      initMap
    }
  }
})
</script>

<style lang="scss" scoped>

$box-height: 700px;
$box-width: 1000px;
.camera {
  height: $box-height;
  width: $box-width;
}

.bdwrap {
  position: relative;
  width: $box-width;
  height: $box-height;
}
.container {
  height: 100%;
  width: 100%;
}
.mapwrap {
  position: relative;
}

.el-dialog__body{
  padding: none !important;;
}
</style>
